<div class="row animated" ng-class="{true: 'fadeInRight', false:'fadeInLeft'}[currentAnimated]">
  <div class="panel panel-default">
    <div class="panel-heading">
      <a ng-click="discard()" href="javascript:;"><i class="backBtn fa fa-arrow-circle-left"></i></a>
      <span class="panelTitle" ng-bind="Form.title"></span>
    </div>
    <div class="panel-body">
      <form novalidate name="form" class="form-horizontal" role="form">
        <div class="form-group">
          <label class="control-label col-xs-3 col-md-2">栏目内商品</label>
          <div class="col-xs-7 col-md-8">
            <div><button class="btn btn-primary" data-toggle="modal" data-target="#chooseProductModal">选择商品</button><button class="btn btn-primary ml15" ng-click="cleanProducts()">清空栏目商品</button></div>
            <div class="row" ng-repeat="item in selectedProducts track by $index">
              <div class="col-xs-2 thumbnail" ng-if="item.pictures.length"><img ng-if="item.pictures.length" ng-src="{{'/ps/download/' + item.pictures[0].id}}" width="96" border="0"/></div>
              <div class="col-xs-2 thumbnail" ng-if="!item.pictures.length"><img src="images/defaultIcon.jpg" width="96" border="0"/></div>
              <div class="col-xs-4">{{item.name}}</div>
              <div class="col-xs-2">¥{{item.price}}</div>
              <div class="col-xs-4"><span class="btn btn-primary" ng-click="removeProduct($index)">删除</span></div>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="col-xs-4 col-xs-offset-2">
            <button class="btn btn-primary" ng-click="submitForm()" ng-disabled="form.$invalid">保存</button>
            <button class="btn btn-white" ng-click="discard()">取消</button>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
